---
title: Vertical Menu
description: Application UI Vertical Menu components created with Tailwind CSS
emoji: 🍟
container: p-6 max-w-sm mx-auto
terms:
  - menu
  - navigation
  - sidebar
components:
  - { title: 'Base with highlighted active link', dark: true }
  - { title: 'Base with badge and highlighted active link', dark: true }
  - { title: 'Base with icon and highlighted active link', dark: true }
  - { title: 'Base with badge, icon and highlighted active link', dark: true }
  - { title: 'Base with icon and highlighted active link, color with left border', dark: true }
  - { title: 'Accordion menu and highlighted active link', dark: true }
  - { title: 'Accordion menu with icon and highlighted active link', dark: true }
  - { title: 'Base with divided sections and highlighted active link', dark: true }
  - { title: 'Base with grouped sections with title and highlighted active link', dark: true }
---

# Vertical Menu Components

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
